
<!DOCTYPE html>
<html >
<head>
<!--{template "wap_header"}-->
<!--{~ui('loader')->css('cp_style20140312.css')}-->
<!--{~ui('loader')->js('@jquery')}-->
<!--{~ui('loader')->js('common20130910.js')}-->
<!--{~ui('loader')->js('category-20140307.js')}-->

</head>
<body id="index">
<header class="index">
<!-- <h1 id="logo"><a gaevent="InnerLink|Click|touch/logo" href="">{ini:settings.site_name}</a></h1> -->
                    <a class="city" id="city" gaevent="InnerLink|Click|touch/city/cityBottom" href="?code=city">{~logic('misc')->City('name')}</a>
                    <div class="brand" style="height: 100%;margin: 0 110px;text-align:center;">
                    <h1>{ini:settings.site_name}</h1> 
					</div>
                    <div id="nav">
                        <a class="account" gaevent="InnerLink|Click|touch/account" href="?mod=me">会员中心</a>
                       <!--  <a class="search" gaevent="InnerLink|Click|touch/search" href="?mod=search">搜索</a> -->
                    </div>
 </header>
  <style type="text/css">
 
 /* 图片调用 */
header .logo,header nav ul li a,.sift_module ul a span,.popup_inner .close_module,.download_banner .db_close,.search_module input[type="search"],.search_module .delete_search{background:url(templates/mobile/images/big_icons116221.png) no-repeat;background-size: 320px auto;}

.w-index-search {
position: relative;
padding: 10px;
background: #fff;
}
.w-index-search .search-input-wrap {
background: #fff;
position: relative;
width: 100%;
height: 35px;
overflow: hidden;
}

.w-index-search .search-input-wrap input {
display: block;
height: 100%;
width: 100%;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #303030;
padding: 0;
padding-left: 10px;
padding-right: 83px;
border: 1px solid #E4393C;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.w-index-search .search-input-wrap button {
cursor: pointer;
display: block;
width: 49px;
height: 100%;
position: absolute;
right: 0;
top: 0;
text-indent: -9999px;
overflow: hidden;
border: 0;
border-left: 1px solid #E4393C;
background-color: #E4393C;
background-image: url(templates/mobile/images/icon-search.png);
background-position: center;
background-repeat: no-repeat;
background-size: 17px 17px;
}


.widget-index-catg {
	box-sizing:border-box;
	padding:0 10px;
	margin-top:10px
}
.widget-index-catg .ddc {
	background-image:url(templates/mobile/images/ddc.png)
}
.widget-index-catg .kuche {
	background-image:url(templates/mobile/images/kuche.png)
}
.widget-index-catg .tongche {
	background-image:url(templates/mobile/images/tongche.png)
}
.widget-index-catg .ddqc {
	background-image:url(templates/mobile/images/ddqc.png)
}
.widget-index-catg .zxc {
	background-image:url(templates/mobile/images/zxc.png)
}
.widget-index-catg .xiuche {
	background-image:url(templates/mobile/images/xiuche.png)
}

.widget-index-catg .img {
	width:36px;
	height:30px;
	margin:10px auto 0;
	background-repeat:no-repeat;
	background-size:36px auto;
	background-position:center
}
.widget-index-catg .text {
	text-align:center;
	line-height:27px
}
.widget-index-catg .item {
	display:block;
	box-sizing:border-box;
	float:left;
	height:67px;
	width:23%;
	border:1px solid #e0e0e0;
	font-size:12px;
	color:#303030;
	background:#fff;
	position:relative;
	margin:1%
}
.widget-index-catg .item .img-icon {
	position:absolute;
	top:-3px;
	left:-3px;
	background-image:url(http://m.nuomi.com/img/3_7.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	width:40%;
	height:100%
}
.widget-index-catg .item1 {
	border-width:1px
}
.widget-index-catg .item2,.widget-index-catg .item3,.widget-index-catg .item4 {
	border-width:1px
}
.widget-index-catg .item5 {
	border-width:1px
}
.widget-index-catg .item6,.widget-index-catg .item7,.widget-index-catg .item8 {
	border-width:1px
}
/* @media (min-width:640px) {
	.widget-index-catg {
	}.widget-index-catg .item {
	width:12%;
	margin:.25%;
	border-width:1px 1px 1px 0
} */

.widget-index-catg .wrap5 .item {
	width:20%
}
.widget-index-catg .wrap6 .item {
	width:31.333333333%
}
.widget-index-catg .wrap7 .item {
	width:14.285714285714286%
}

.goods-list-title {
height: 39px;
line-height: 39px;
color: #303030;
font-size: 14px;
text-indent: 10px;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
margin-top: 10px;
}
.clearfix::before, .clearfix::after {
display: table;
line-height: 0;
content: "";
}
.clearfix::after {
clear: both;
}

.list_container{
	margin-left:10px;
	margin-right:10px;
}

.item {
	background:#FFFFFF;
	margin-top:10px;
	border-bottom:1px solid #BFBFBF;
}



.item_image {
width: 100%;
overflow: hidden;
background: #fff;
text-align: center;
}

.item_image img{
	width:100%;
}

.information{
	margin:10px 14px 10px 14px;
	font-size:14px;
	line-height:140%
}

.information b{
	color:#ED145B;
}

.price_info {
	margin-top:4px;
	height:40px;
	vertical-align:inherit;
}

.price_info em{
	font-size:20px;
	color:#ED145B;
}

.price_info .grey{
	color:#BFBFBF;
	font-size:12px;
	margin-top:1px;
}

.price_info .del{
	text-decoration:line-through;
}
.w-viewmore {
padding: 10px;
}
.w-viewmore .more {
float: left;
width: 213px;
cursor: pointer;
color: #303030;
}
.w-viewmore .op-btn {
border: 1px solid #e0e0e0;
border-radius: 3px;
text-align: center;
height: 29px;
line-height: 29px;
font-size: 13px;
background-color: #fff;
}
.w-viewmore .btn-goup {
float: right;
width: 78px;
cursor: pointer;
color: #303030;
}
.addWrap{ position:relative; width:90%;background:#fff;margin:0 auto; padding:0;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}

#position{ position:absolute; bottom:0; right:0; /* padding-right:8px;  */margin:0; background:#000; opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:right;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#FF0000;}
.img-responsive { display: block; max-width: 100%;  height: auto;}

 </style>  
 <!-- 搜索框 -->
<!-- <div class="searchbox cf">
			<div style="float: right;margin-right: 0px;"><input type="button" class="search-submit" onclick="front_search_request()" /></div>
			<div class="search-left" style="margin-right:50;">
				<input name="q" type="text" class="inputsearch search-box__input" id="search-txt" value="{$kw}" maxlength="26" autocomplete="off" style="color: rgb(204, 204, 204);" onkeyup="if (event.keyCode == 13) front_search_request();" />
			</div>
		</div> -->
<section class="w-index-search">

<div class="search-input-wrap">
<input type="text" name="q" class="j-search-input" id="search-txt" value="{$kw}" autocomplete="off" placeholder="请输入您想找的商品" onkeyup="if (event.keyCode == 13) front_search_request();"/>

<button type="button" class="j-search-submit" onclick="front_search_request()">搜索</button>
</div>

</section>		

<script type="text/javascript">
var front_search_base = "{echo logic('url')->wap_create('search', array('mod'=>'search','kw' => 'xqw'))}";
function front_search_request()
{
window.location = front_search_base.replace('xqw', encodeURIComponent($('#search-txt').val()));
}
</script>
<div style="display: none;">搜索框</div> 


<!--{~logic('lunboad')->Wap_getList()}-->



<section class="widget-index-catg clearfix" >
<div class="wrap wrap6 clearfix">
<a class="item item1" href="?mod=catalog&code=ddc" >
<div class="img ddc"></div>
<div class="text">电动车</div>
</a>
<a class="item item2" href="?mod=catalog&code=kuche" >
<div class="img kuche"></div>
<div class="text">酷车</div>
</a>
<a class="item item3" href="?mod=catalog&code=zxc" >
<div class="img zxc"></div>
<div class="text">自行车</div>
</a>
<a class="item item4" href="?mod=catalog&code=tongche" >
<div class="img tongche"></div>
<div class="text">童车</div>
</a>
<a class="item item5" href="?mod=catalog&code=ddqc" >
<div class="img ddqc"></div>
<div class="text">电动汽车</div>
</a>
<a class="item item6" href="?mod=index&code=xiuche" >
<div class="img xiuche"></div>
<div class="text">便民修车</div>
</a>

</div>
</section>
		
		

 
  <!-- 搜索框 -->




<section class="goods-list-title">
精品{TUANGOU_STR}
</section>




<div class="content" id='content'>
 	<div class="search-asslist" style="display: none">
			<ul id='search_history_ul'>
			</ul>
		</div>
 	
	<!-- <div class="mall-cate-box">
	<ul class="mall-cate">
		<li >
			<a href="javascript:void(0);" id="show_categories" class="cate21">
				全部分类<em></em>
			</a>
		</li>
					<li>
				<a href="javascript:void(0);" id="show_district" class="cate31">
					全部地区<em></em>
				</a>
			</li>
				<li  style="width:34%">
			<a href="javascript:void(0);" id="show_sort" class="cate41">
				默认排序<em></em>
			</a>
		</li>
	</ul>
	</div> -->

	
<!-- 点击菜单遮罩 -->
<!-- <div id="fullbg" style="width:100%;height: 100%;display:none; top:0; z-index:10001;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transform:translate3d(0,0,0);">
	<i class="pull"></i>
</div> -->
<!-- 点击菜单遮罩结束 -->
<!-- 菜单头部 结束 -->
<!-- 分类信息 -->
<!--{~ui('catalog')->wap_display()}-->

<!-- 分类信息 --><!-- 商圈信息 -->
<!--{~logic('city')->wap_place_navigate()}-->

<!-- 商圈信息结束-->	
<!-- 排序 -->
<!--{~logic('sort')->wap_product_navigate()}-->
<!-- 排序结束 --><!-- 固定园圈快捷方式 -->

<!-- 排序结束 --><!-- 固定园圈快捷方式 -->
<!-- <div class="lsplus">
	<div class="circle" >
		<ul >
						<li class="tp-freeres"><a href="?mod=me&code=coupon"><i></i>我的团购券</a></li>
						<li class="tp-myls"><a href="?mod=me&code=order"><i></i>我的订单</a></li>
						<li class="tp-mysc"><a href="?mod=me&code=bill"><i></i>消费详单</a></li>
						<li class="tp-myhd tp-none"><a href="index.php?mod=wap"><i></i>验证消费</a></li>
		</ul>
		<i class="iconjt"></i> 
	</div>
	<div class="plusbtn"  onclick="_hmt.push(['_trackEvent', 'indexCircle', 'click', 'indexCircle']);" > 
		<i class=""></i>
	</div>
	
</div> -->

<!-- <div id="fullbg_f" style="width:100%;height: 100%;display:none; top:0; z-index:10003;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transform:translate3d(0,0,0);"></div> -->
<!-- 固定园圈快捷方式结束 -->
<!--banner-->
<!--banner end-->

<!-- 产品列表开始 -->

<div class="list_container">
 {loop $product $k $item}
          <a href="wap.php?view={$item['id']}">
            <div class="item clearfix">
                <div class="item_image">
                                                                        
                                                                        <img class="lazy" {echo 'sr'.'c="'.ini('settings.site_url').'/static/images/1x1.gif"'} data-original="{echo imager($item['imgs'][0], IMG_Small);}" style="width:220px;height:145px;"/>	
                        
                                    </div>
                <div class="information">
                    <p>
                        <b>今日{TUANGOU_STR} </b>
                     {$item['name']}
                    </p>
                    <div class="price_info">
                        <em>￥{$item['nowprice']}</em>
                        <span class="grey del">{$item['price']}元</span>
                        <span class="grey">{$item['discount']}折</span>
                        <div class="grey">{$item['succ_buyers']}人已购买</div>
                    </div>
                   
                </div>
            </div>
        </a>
          {/loop} 
    </div>





 {~ui('loader')->js('@jquery.lazyload')}
<script type="text/javascript">
$("img.lazy").lazyload({effect:'fadeIn',skip_invisible:false});
</script>
 <!-- 产品列表结束 -->
 
 <div class="w-viewmore clearfix" >
<a id="j-viewmore" href="?mod=catalog" class="op-btn more" >查看全部团购</a>
<a href="javascript:scroll(0,0)"  class="op-btn btn-goup" >回到顶部</a>
</div>
 

 
 
</div>
<!--{if ( handler('cookie')->getVar('mycity') == '' )}-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=7srQsDLP8QRXIjMEYVkPGI6n"></script>
<script type="text/javascript">
$(document).ready(function(){
	// 百度地图API功能
	var map = new BMap.Map("allmap");
	var gc = new BMap.Geocoder();  
	var geolocation = new BMap.Geolocation();
	geolocation.getCurrentPosition(function(r){
	    if(this.getStatus() == BMAP_STATUS_SUCCESS){
	
			var pt = r.point;
			gc.getLocation(pt, function(rs){
		        var addComp = rs.addressComponents;
		        var city = addComp.city.replace("市","");        
		        $.get('wap.php?code=getLocation&city='+city+$.rnd.stamp(), function(data){
		        	$("#city").text(data);
		        });
	        //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
	    	});  
	
	    }
	    else {
	    	 $.get('wap.php?code=getLocation&nocity=1'+$.rnd.stamp(), function(data){
	         	$("#city").text(data);
	         });
	    }        
	},{enableHighAccuracy: true,timeout:5000,maximumAge:30000});
	setTimeout(function(){
		if(typeof(geolocation.getStatus())=='undefined'){
			$.get('wap.php?code=getLocation&nocity=1'+$.rnd.stamp(), function(data){
	         	$("#city").text(data);
	         });
		}
		 
		 
		},6000);
}); 
</script>
<!--{/if}-->
<!--{template "wap_footer"}-->


</body>
</html>